<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us - AceHub</title>
    <link rel="stylesheet" href="css/info-pages.css">
    <link rel="stylesheet" href="../header-footer/common.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <link rel="shortcut icon" href="../header-footer/images/ico.jpg" type="image/x-icon">
</head>

<body>
    <!-- 页眉 -->
    <header class="navbar">
        <div class="nav">
            <div class="logo">
                <a href="../Homepage/WebsiteHomepage.html"><img src="../header-footer/images/logo.jpg" alt="AceHub"></a>
            </div>
            <nav>
                <ul>
                    <li><a href="../Homepage/WebsiteHomepage.html">home page</a></li>
                    <li><a href="./courseList.html">course</a></li>
                    <li><a href="./league.html">Alliance colleges</a></li>
                    <li><a href="./about-us.html">About Us</a></li>
                </ul>
            </nav>
        </div>
        <div class="search-box">
            <input type="text" id="searchInput" placeholder="Search for ">
            <button type="button" id="searchButton"><i class="fas fa-search"></i></button>
        </div>
        <div class="info">
            <!-- 用户信息将由JavaScript动态生成 -->
        </div>
    </header>

    <main>
        <div class="info-page">
            <div class="breadcrumb">
                <a href="../Homepage/WebsiteHomepage.html">home page</a> > Contact Us
            </div>
            
            <h1>Welcome to contact us</h1>
            
          
                <p style="text-align: center; font-size: 30;font-weight: 600;">
                    Whether it's usage suggestions, course website usage issues, or collaboration inquiries, we look forward to hearing from you via email or phone.</p>
            

            <h2>contact information</h2>
            <div class="contact-info">
                <div class="contact-item">
                    <!-- <div class="contact-icon">
                        <i class="fas fa-phone"></i>
                    </div> -->
                    <div class="contact-details">
                        <h4>customer service hotline</h4>
                        <p>400-789-4587</p>
                        <p>Working hours: 9:00-18:00</p>
                    </div>
                </div>
                
                <div class="contact-item">
                    <!-- <div class="contact-icon">
                        <i class="fas fa-envelope"></i>
                    </div> -->
                    <div class="contact-details">
                        <h4>e-mail address</h4>
                        <p>service@AceHub.com</p>
                        <h4>Collaboration email</h4>
                        <p>partner@AceHub.com</p>
                    </div>
                </div>
                
                <div class="contact-item">
                    <!-- <div class="contact-icon">
                        <i class="fas fa-map-marker-alt"></i>
                    </div> -->
                    <div class="contact-details">
                        <h4>Company address</h4>
                        <p>No. 3688 Nanhai Avenue, Nanshan District, Shenzhen<br>14th Floor, AceHub Building </p>
                    </div>
                </div>
                
                <!-- <div class="contact-item">
                     <div class="contact-icon">
                        <i class="fab fa-weixin"></i>
                    </div>
                     <div class="contact-details">
                        <h4>WeChat customer service</h4>
                        <p>WeChat ID: youkelianmeng</p>
                        <p>Scan the code to add customer service WeChat</p>
                    </div>
                </div> --> 
            </div>

            <h2>Help Center Selection</h2>

        <h3>How can I create a new account?</h3>
        <p>Click the "Register" button in the upper right corner of the page, follow the prompts to fill in the information, and you will complete the account creation. Some courses are available for free trial after registration.</p>

        <h3>What is the process of purchasing courses?</h3>
        <p>Select the course you are interested in, click "Buy Now", follow the prompts on the page to complete the payment, and you can start learning.</p>

        <h3>Can I apply for a refund?</h3>
        <p>We offer a 7-day no reason refund guarantee for the course. You can initiate a refund request on the order page within 7 days of purchase.</p>

        <h3>How to obtain the certificate?</h3>
        <p>After completing the course and passing the assessment, the system will automatically generate a learning certificate, which you can download from the "Personal Center".</p>

        <h2>Service schedule</h2>
        <ul>
            <li><strong>Telephone service:</strong>Monday to Sunday 09:00-18:00</li>
            <li><strong>Email reply:</strong>Promise to process within 24 hours</li>
            <li><strong>technical support:</strong>Monday to Friday 09:00-21:00</li>
            <li><strong>Emergency channel:</strong>24/7 online customer service support</li>
        </ul>

            
                <p style="text-align: center; font-size: 30;font-weight: 600;">
                     AceHub thanks you for your trust. Making learning easier is our unwavering commitment.</p>
            

            <a href="../Homepage/WebsiteHomepage.html" class="btn">Explore more</a>
            <a href="./contact.html" class="btn">with us</a>
        </div>
    </main>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="footer-content">
            <div class="footer-logo">
                <a href="../Homepage/WebsiteHomepage.html"><img src="../header-footer/images/logo.jpg" alt="AceHub"></a>
            </div>
            <div class="footer-text">
                <nav class="footer-nav">
                    <ul>
                        <li><a href="./about.html">About Us</a></li>
                        <li><a href="./contact.html">Contact Us</a></li>
                        <li><a href="./privacy.html">Privacy Policy</a></li>
                        <li><a href="./terms.html">Term of service</a></li>
                    </ul>
                </nav>
                <div class="footer-info">
                    <p>&copy; 2025 AceHub reserves all rights</p>
                </div>
            </div>
        </div>
    </footer>

    <script src="../database.js"></script>
    <script src="../account/account.js"></script>
    <script src="../header-footer/navigation.js"></script>

    <!--页眉js-->
    <script>
        //Retrieve user information based on token
window.onload = function () {
const userid = localStorage.getItem('token');
//If a user logs in, display their profile picture in the info div; if not, display the login and registration button
if (userid) {
const user = JSON.parse(localStorage.getItem(userid));
let profileUrl = '';
let profileName = '';
let accountUrl = '';
if (userid === 'admin') {
profileUrl = '../account/admin-profile.html';
ProfileName='Personal Center';
accountUrl = '../account/admin-profile.html';
} else if (userid === 'teacher') {
profileUrl = '../teacher/teacher-profile.html';
ProfileName='Personal Center';
accountUrl = '../account/teacher-setting.html';
} else {
profileUrl = '../student/student-profile.html';
ProfileName='My Learning';
accountUrl = '../account/student-setting.html';
}
document.querySelector('.info').innerHTML = `
                    <a href="${profileUrl}">
                        <img id="user-head" src="${user.avatar}" alt="用户头像"></a>
                    <div class="card">
                        <ul>
                            <li><a href="${profileUrl}">${profileName}</a></li>
                            <li><a href="${accountUrl}">Account Settings </a></li>
                            <li><a id="logout" href="#logout">Log Out</a></li>
                        </ul>
                    </div>
                `;
                //如果点击退出登录，清除token
                document.getElementById('logout').addEventListener('click', () => {
                    localStorage.removeItem('token');
                    window.location.href = '../Homepage/WebsiteHomepage.html';
                });
            }
            else {
                document.querySelector('.info').innerHTML = `
                    <a href="../account/login.html"><button class="login">log on</button></a>
                    <a href="../account/register.html"><button class="register">register</button></a>
                `;
            }
        }
    </script>
</body>

</html> 